<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../../css/combo.select.css" type="text/css" />
    <title>combo select</title>
    <script type="text/javascript" src="../../js/jquery-1.12.4.js"></script>

</head>

<body>
    <div class="wrapper">
        <h1>combo select - jQuery plugin</h1>
        <div class="combo-select">
            <select id="slt" data-theme="bootstrap" tabindex="-1">
                <option value="1">一月</option>
                <option value="2">二月</option>
                <option value="3">三月</option>
                <option value="4">四月</option>
            </select>
            <div class="combo-arrow"></div>
            <ul class="combo-dropdown">
                <li class="option-item option-selected" data-index="0" data-value="1">一月</li>
                <li class="option-item" data-index="1" data-value="2">二月</li>
                <li class="option-item" data-index="2" data-value="3">三月</li>
                <li class="option-item" data-index="3" data-value="4">四月</li>
            </ul>
            <input type="text" placeholder="" class="combo-input text-input">
        </div>
        
    </div>
    <script type="text/javascript">
        $(function () {
            
        });
    </script>
</body>

</html>